<%
DIRECTIVE SAFE_OUTPUT_OPEN;
%>
<meta charset="utf-8" />
<script src="${ctxPath}/static/js/common_backfill.js"></script>
<script src="${ctxPath}/common/static/js/cell_backfill_list.js"></script>
<style>
.layui-layer {
	background-color: rgba(0,0,0,0);
}
</style>
<div style="background: #FFF;width: 100%;height: 100%;">
	<form class="form-search form-group"> 
	  <div class="center">
	    <div class="input-group">
	      <input type="text" name="cell_name" value="${name}" class="form-control input-lg search-query" placeholder="单元搜索">
	      <input type="hidden" name="buildId" value="${buildId}">
	      <span class="input-group-addon btn_search">搜索</span>
	    </div>
	  </div>
	</form>
	
	<div id="popCellListTableDiv" class="my-table">
		<table class="table table-striped table-hover my-table-head">
			<thead>
				<tr style="height:40px;">
					<th class="no-border" style="width: 60px;">选择</th>
		   			<th>楼栋ID</th>
		   			<th>单元门牌</th>	
		   			<th>单元名称</th>	
				</tr>
			</thead>
		</table>
		<div class="scroll-pane pop-scroll-pane">
			<table class="table table-striped table-hover my-table-body">
				<tbody>
					<%for(cell in pageList){%>
					 <tr>
						<td class="text-center no-border">
							<input type="radio" name="cell.id"  value="${cell.id}">
						</td>
				   		<td>${cell.buildId}</td>
				   		<td>${cell.num}</td>
				   		<td>${cell.name}</td>
					 </tr>
					<%}%>
				</tbody>
			</table>
		</div>
		<table class="table table-striped table-hover my-table-foot">
			<tfoot>
				<tr style="height:40px;">
					<td>
						<!-- 分页条 -->
						<div class="text-center"> 
						     <%
						       var current = pageIndex.currentpage;
						       var total = pageIndex.totalpage;
						     %>
						     <div class="pagination my-pagination">
								<div>
									<a class="page-start" data="1" href="#1">
										<span class="glyphicon glyphicon-step-backward"></span>
									</a>
								</div>
								<div>
									<a class="page-pre" data="<% if(current <= 1){%>1<%}else{%>${current - 1 }<%}%>" href="#<% if(current <= 1){%>1<%}else{%>${current - 1 }<%}%>">
										<span class="glyphicon glyphicon-triangle-left"></span>
									</a>
								</div>
								<div>
									<span>第</span>
									<input class="page-current" data="${current}" name="currentPage" value="${current}">
									<span>页</span>
								</div>
								<div>
									<span>共</span>
									<span class="page-total" data="${total}">${total}</span>
									<span>页</span>
								</div>
								<div>
									<a class="page-next" data="<% if(current >= total){%>${total}<%}else{%>${current + 1 }<%}%>" href="#<% if(current >= total){%>${total}<%}else{%>${current + 1 }<%}%>">
										<span class="glyphicon glyphicon-triangle-right"></span>
									</a>
								</div>
								<div>
									<a class="page-end" data="${total}" href="#${total}">
										<span class="glyphicon glyphicon-step-forward"></span>
									</a>
								</div>
							</div>
						</div>
					</td>
				</tr>
			</tfoot>
		</table>
	</div>
</div>
<%
DIRECTIVE SAFE_OUTPUT_CLOSE;
%>